console.log("ok")

import './css/index.css'
import './css/index.scss'
//如果通过路径形式引入node_moduless文件时，不写node_moudless路径时，默认就是node_moduless文件里查找
import 'bootstrap/dist/css/bootstrap.css'

// 一、-S,-D,-g的解释
// npm install module_name -S    即    npm install module_name --save    写入dependencies

// npm install module_name -D    即    npm install module_name --save-dev 写入devDependencies

// npm install module_name -g 全局安装(命令行使用)

// npm install module_name 本地安装(将安装包放在 ./node_modules 下)

// 二、i是install的缩写，
// npm install module_name -S  <=> npm i module_name -S

// 三、dependencies与devDependencies的区别
// devDependencies 里面的插件只用于开发环境，不用于生产环境

// dependencies 是需要发布到生产环境的

// 比如说：

// 你开发一个前端项目，在项目中你需要使用gulp构建你的开发和本地运行环境,这时你就要放到devDependencies里。gulp是你用来压缩代码，打包等需要的工具，程序实际运行的时候并不需要，所以放到dev里就ok了。

// 你写程序要用element-ui,生产环境运行项目时肯定要用到element-ui,这时element-ui就应该安装到dependencies中去。


class Person{
    //使用static 关键字，定义静态属性
    //直接通过类名访问的叫静态属性，类名.属性名
    //只能通过类的实例，来访问的属性叫实例属性，需要用new实例化
    static info={name:'zz',age:20}
}
console.log(Person.info);

// function Animal(name){
//     this.name=name
// }


//通过Babel，可以将高级语法转换为低级
//1. webpack中，安装Babel的两套命令：第一套是转换，第二套是语法  ES6->ES3的语法插件
//1.1 第一套: cnpm i babel-core babel-loader babel-plugin-transform-runtime -D   (babel-loader@7   版本太高会出错)
//1.2 第二套：cnpm i babel-preset-env babel-preset-stage-0 -D
//2. 在webpack配置中，module节点 rules数组中配置新规则:
//2.1 { test:/\.js$/,use:'babel-loader',exclude:/node_modules/ }
//2.2在配置babel的规则时，要排除node_moudles目录，不然会把node_modules目录中的js文件打包编译，导致出错
//3. 在项目根目录中，新建叫做 .babelrc 的Babel 配置文件,属于json格式
//3.1 .babelrc 配置如下：presset ： 【语法】的意思
// {
//     "presets":["env","stage-0"],
//     "plugins":["transform-runtime"]
// }